<!DOCTYPE html>
<html>
	<head>
		#include('head.html',{title:'首页'})
	</head>
	<body>
		<div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{}' >
			  <ul class="am-slides" id="pics">
				  #for(index : cIndexList)
				  <li>
					  <a href="${index.iLink}"><img src="images/picture/${index.iPic}"> </a>
				  </li>
				  #end
			  </ul> 
		</div>
		<a href="search" class="search">
			搜索目的地...
		</a>
		<ul class="nav">
			<li>
				<a href="view?num=1">
					<img src="/images/icon1.png" />
					<p>名胜古迹</p>
				</a>
			</li>
			<li>
				<a href="view?num=2">
					<img src="/images/icon2.png" />
					<p>城市公园</p>
				</a>
			</li>
			<li>
				<a href="view?num=3">
					<img src="/images/icon3.png" />
					<p>游山玩水</p>
				</a>
			</li>
			<li>
				<a href="view?num=4">
					<img src="/images/icon4.png" />
					<p>酒店住宿</p>
				</a>
			</li>
		</ul>
		<div data-am-widget="titlebar" class="am-titlebar am-titlebar-default title" >
		    <h2 class="am-titlebar-title ">   景点推荐 </h2>
		    <nav class="am-titlebar-nav">
		        <a href="find" class="">more &raquo;</a>
		    </nav>
		</div>
	    <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-gallery-default product">
			#for(view : cViewList)
		      <li>
		        <div class="am-gallery-item">
		            <a href="detail?vId=${view.vId}">
		              <img src="/images/picture/${view.vEat}"  class="viewpic" alt=""/>
		              <h3 class="am-gallery-title">${view.vName}</h3>
		            </a>
		        </div>
		      </li>
			#end

		 </ul>
		#include('bottom.html',{num:1})

	</body>
	<script type="text/javascript">
		$("#instead").click(function(){
			$("#instead").attr("src","/images/next11.png");
		});
		var h = window.screen.height;
		$("#pics img").css("height",h*0.4);
		$("img.viewpic").css("height",$("img.viewpic").width());
		$("#pics img").css("max-height","310px");
	</script>
</html>
